<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<jsp:include page="/WEB-INF/jsp/head.jsp" />

<script type="text/javascript">

	var mapDiv = "#mapDiv";	
	
	$(document).ready(
			function() {
				//Seta os valores iniciais de DataInicio e Data Fim
				$("#dataInicial").val("${datIni}");
				$("#dataFinal").val("${datFim}");
			
				//define titulo da pagina
				$("#divTitle").html("UserStory 14 - Análise de Densidade por Região");
								
				$("#btnPesq").click(function(){

					var pais = $("#pais option:selected").text();
					var estado = $("#estado option:selected").text();
					var cidade = $("#cidade option:selected").text();
					var datIni = $("#dataInicial").val();
					var datFim =$("#dataFinal").val();

					var link = "userStory14Servlet?country=" + pais + "&state=" + estado + "&city=" + cidade + "&dtIni=" + datIni + "&dtFin=" + datFim;
						
					if (cidade.length > 0 && estado.length > 0){
						link = "userStory14Servlet?city=" + cidade; + "&dtIni=" + datIni + "&dtFin=" + datFim;
					}
					else if(estado.length > 0){
						link = "userStory14Servlet?state=" + estado + "&city=" + cidade + "&dtIni=" + datIni + "&dtFin=" + datFim;
					}
			
					
					if(pais.length > 0 ) {
						$.getJSON(link,
								function(data) {
							var lat = -23.55940720;
							var log = -46.65842190;
							
							$.each(data.mapa, function(key, val) {
								lat = val.localidade_latitude;
								log = val.localidade_longitude;
								
								return false;
							  });
							//alert(data.mapa.length);
							var myLatlng = new google.maps.LatLng(lat, log);
							mapHeaterUS14(mapDiv, myLatlng, data.mapa, 7);
	
							});
						}
					else
						{alert('Escolha no mínimo um pais');}
				});
											
			});
</script>

</head>
<body>
	<jsp:include page="/WEB-INF/jsp/cabecalhoScaf.jsp" />
	<form method="POST">
		<jsp:include page="/WEB-INF/jsp/common/RangeDatas.jsp" />
		<jsp:include page="/WEB-INF/jsp/common/FiltrosRegiao.jsp" />
		<div class="linha" />
		<input type="button" value="Pesquisar" id="btnPesq"> 
	</form>
	<table>
		<tr>
			<td><div id="mapDiv"
					style="width: 800px; height: 400px; background-color: #dcdcdc;"></div></td>
			<td><div id="listTypes"></div></td>
		</tr>
	</table>
</body>
</html>